import tpl from './index.tpl';
import './index.scss';
import { tplReplace } from '../../libs/utils';

export default {
    name: 'Follow',
    follow() {
        return tplReplace(tpl, {
            star: 'star'
        })
    },
    unFollow() {
        return tplReplace(tpl, {
            star: 'star-o'
        })
    },
    bindEvent(doFollow) {
        const oFollow = document.querySelector('.follow');
        oFollow.addEventListener('click', this._setFollow.bind(this, oFollow, doFollow), false);
    },
    _setFollow(oFollow, doFollow) {
        const className = oFollow.className;
        oFollow.className = 'follow iconfont icon-';
        
        switch (className) {
            case 'follow iconfont icon-star':
                oFollow.className += 'star-o';
                doFollow(false);
                break;
            case 'follow iconfont icon-star-o':
                oFollow.className += 'star';
                doFollow(true);
                break;
            default:
                break;
        }
    }


}